	<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="/resource/UserPwoer.tld" prefix="p"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	pageContext.setAttribute("fnId", request.getAttribute("fnId"));
	pageContext.setAttribute("userPwoer", request.getSession().getAttribute("userPwoer"));
%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<LINK rel="Bookmark" href="../images/favicon.ico">
<!-- 本框架基本脚本和样式 -->
<script type="text/javascript"
	src="${path }/resource/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/MBase.js"></script>
</head>
<body class="gray-bg">
	<nav class="huiNav">
		<i class="fa fa-home"></i> 首页 <span>&gt;</span>系统管理<span>&gt;</span>企业管理员
		<a class="btn btn-info  btn-sm pull-right"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="fa fa-refresh"></i></a>
	</nav>

	<div class="ibox-content">
	<!-- 搜索框部分start -->
	<p:btn value="serch">
		<form class="form-inline" id="serchform">
			
			<label for="exampleInputName2">角色</label>
			<div class="form-group mr-20">
					<div class="col-sm-4 ">
						<select name="roleId" class="  form-control autoFull"
							style="width: 200px" data-url="${path}/admin/role/showList"
							data-filed="name" data-value="id">
							<option value="">--请选择角色--</option>
						</select>
					</div>
			</div>
		
			<div class="form-group mr-20">
				<label for="exampleInputName2">员工姓名</label>
				<input name="name" type="text" class="form-control">
			</div>
			<div class="form-group mr-20">
				<label for="exampleInputName2">账号</label>
				<input name="account" type="text" class="form-control">
			</div>
			<button  onclick="myGrid.serchData()" type="button" class="btn btn-info btn-sm"><i class="fa fa-search " ></i> 搜索</button>
			<button  type="reset" class="btn btn-info btn-sm"><i class="fa fa-refresh " ></i> 重置</button>
		</form>
		</p:btn>
	<!-- 搜索框部分en -->
		<div class="option-bar" >
		<p:btn value="dels">
			<button onclick="myGrid.delItems()" type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash" ></i>批量删除</button>
		</p:btn>
		<p:btn value="add">
			<button onclick="openAdd()" type="button" class="btn btn-success btn-sm"><i class="fa fa-plus" ></i>  新增</button>
		</p:btn>
		</div>
		<table id="mgrid" >
			<thead>
				<tr>
					<th data-checkbox="true"  ></th>
					<th data-formatter="MGrid.indexfn" data-align="center"  data-width="30px" >序号</th>
					<th data-field="name" >用户姓名</th>
					<th data-field="email" >Email</th>
					<th data-field="account" >账号</th>
					<th data-field="role.name" >角色</th>
					<th data-field="registerTime" data-formatter="MGrid.getTime" data-sortable="true" >注册时间</th>
					<th data-align="center"  data-width="150px" data-field="id" data-formatter="buidOperate">操作</th>
				</tr>
			</thead>
		</table>
	</div>
	
	<script type="text/javascript">
	var myGrid;
		$(function(){
			var delUrl="";
			<p:btn value="dels">
				delUrl="${path}/admin/del";
			</p:btn>
			 myGrid=MGrid.initGrid({
				 url:"${path}/admin/showList",
				 delUrl:delUrl
			 });
		});
		
		
		function buidOperate(value, row, index){
			var html='';
			<p:btn value="edit">
			html+='<button class="btn btn-default btn-sm mr-5" onClick="openEdit('+value+')"  title="编辑"><i class="fa fa-edit"></i></buttoun>'
			</p:btn>
			<p:btn value="resetPass">
			html+='<button class="btn btn-default btn-sm mr-5" onClick="resetPass('+value+')" title="重置密码"><i class="fa fa-refresh"></i></buttoun>';
			</p:btn>
			<p:btn value="del">
			html+='<button class="btn btn-default btn-sm mr-5" onClick="myGrid.delItem('+value+')" title="删除"><i class="fa fa-lg fa-trash-o"></i></buttoun>';
			</p:btn>
			return html; 
		}
		//打开添加界面
		<p:btn value="add">
		function openAdd() {
			layer.open({
				type : 2,
				title : "添加管理员",
				area : [ MUI.SIZE_L, '400px' ],
				content : [ '${path}/admin/editForm']
			}); 
		}
		</p:btn>
		//打开编辑界面
		<p:btn value="edit">
		function openEdit(id) {
			layer.open({
				type : 2,
				title : "编辑管理员",
				area : [ MUI.SIZE_L, '400px' ],
				maxmin : true,
				content : [ '${path}/admin/editForm?id=' + id]
			});
		}
		</p:btn>
		
		//重置密码
		<p:btn value="resetPass">
		function resetPass(id){
			layer.msg('重置后密码为【123】确定重置密码吗？', {
				  time: 0 ,
				  icon:3,
				  btn: ['确定', '取消'],
				  yes: function(index){
				     layer.close(index);
				    //*把密码设置为123
					$.AjaxProxy(
							{a : false,
							 c : false,
							 p:{id:id}}).invoke("${path}/admin/resetPassword",function(loj){
						if(loj.attr("result").status=='ok'){
							layer.msg("密码重置成功",{icon:1});
						}
					});
					
				  }
				});
			
		}
		</p:btn>
	</script>
</body>
</html>
